<template>
  <div class="userinfo">
     <div class="info1">
        <div><span class="span">0.00</span>元</div>
        <div>我的余额</div>
     </div>
     <div class="info2">
        <div><span class="span">0</span>个</div>
        <div>我的优惠</div>
     </div>
     <div class="info3">
        <div><span class="span">0</span>分</div>
        <div>我的积分</div>
     </div>
  </div>
</template>

<script>
export default {
  name:'comtentdata'
}
</script>


<style scoped>
 .userinfo{
    margin: 30px 5px;
    display: flex;
    justify-content: space-around;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
 }
 .span{
    color: var(--color-text);
 }
 .info2{
  padding-left: 20px;
  border-left: 2px solid rgb(192, 192, 192);
 }
 .info3{
 padding-left: 20px;
  border-left: 2px solid rgb(192, 192, 192);
 }

</style>